<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="logo.png">
  <title>局域网文本共享</title>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
  <div class="chat-container">
    <div class="chat-window">
      <div class="chat-header">
        <h1>文本共享</h1>
        <div class="settings-btn" onclick="toggleSettingsPanel()" style="font-size: 24px;">&#9881;</div>
      </div>
      <div class="chat-body"></div>
      <div class="chat-footer">
        <input type="text" placeholder="输入消息" />
        <input type="submit" value="发送" />
      </div>
    </div>
  </div>
  <div class="settings-panel" id="settingsPanel">
    <div class="settings-item" onclick="toggleDayMode()">白天模式</div>
    <div class="settings-item" onclick="toggleDarkMode()">夜间模式</div>
    <div class="settings-item" onclick="openAddressModal()">服务器地址</div>
    <div class="settings-item" onclick="openAndroidApk()">获取安卓版本</div>
  </div>
  <div class="modal" id="addressModal">
    <input type="text" id="addressInput" placeholder="输入服务器地址" />
    <button class="confirm-button" onclick="saveAddress()">确认</button>
    <button class="cancel-button" onclick="closeAddressModal()">取消</button>
  </div>
  <div id="confirmDialog" class="dialog hidden">
    <div class="dialog-content">
      <p>删除后将不会出现在你的记录中，确定删除吗？</p>
      <button id="confirmYes">确定</button>
      <button id="confirmNo">取消</button>
    </div>
  </div>
  <script src="app.js"></script>
</body>
</html>